var projiectInput = Vue.extend({
    template:
        `  <div>
        <el-input v-model="value"  @input="handleChange"></el-input>
  </div>
    `,
    data() {
        return {
            value:this.textInput
        };

    },
    model:{
        prop:"textInput",
        event:"input"
    },
    name: "seinputRef",
    props: {
        textInput:{
            type:String
        },
    },
    methods: {
        handleChange(){
            this.$emit('input', this.value)
        },

    },
    computed: {

    },
    components: {
    },
    // watch: {
    //     TextInput:{
    //         handler(newText,lod){
    //             console.log(newText)
    //             this.textInput = newText
    //         },
    //         immediate:true
    //     }
    // },
    mounted: function() {
        // this.textInput = this.$parent.textInput
    }
})


var projiectSelect = Vue.extend({
    template:
        `  <div>
        <el-select v-model="value.valueName"  @change="handleChange">
            <el-option
              v-for="item in value.equipmentList"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
        </el-select>
  </div>
    `,
    data() {
        return {
            value:this.projiectSelect
        };
    },
    model:{
        prop:"projiectSelect",
         event:"change"
    },

    name: "seinputRef",
    props: {
        projiectSelect:{
            type:Object
        },
    },
    methods: {
        handleChange(){
            this.$emit('change', this.value)
        },

    },
    computed: {

    },
    components: {
    },
    // watch: {
    //     TextInput:{
    //         handler(newText,lod){
    //             console.log(newText)
    //             this.textInput = newText
    //         },
    //         immediate:true
    //     }
    // },
    mounted: function() {
        // this.textInput = this.$parent.textInput
    }
})


var timeSelect = Vue.extend({
    template:
        `  <div>
            <el-time-select
              v-model="value"
              :picker-options="{
                start: '00:00',
                step: '00:30',
                end: '23:30'
              }"
              placeholder="选择时间">
             </el-time-select>
  </div>
    `,
    data() {
        return {
            value:this.timeText
        };
    },
    model:{
        prop:"textInput",
        event:"change"
    },

    name: "seinputRef",
    props: {
        timeText:{
            type:String
        },
    },
    methods: {
        handleChange(){
            this.$emit('input', this.value)
        },

    },

})

